<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico"/>
    <!--[if lt IE 9]-->
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="lib/select2/select2.min.css">
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]-->
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->
    <title>服务编辑</title>
</head>
<body>
<article class="page-container">
    <form method="post" class="form form-horizontal" id="form">
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/select2/select2.full.js"></script>
<script type="text/javascript" src="lib/select2/pinyin.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">

    //loading
    $(function () {
        $.ajaxSetup({
            layerIndex: -1,
            beforeSend: function () { //插件加载前
                this.layerIndex = layer.load(1, {shade: [1.01, '#fff']});
                $('#admin-role-save').val("正在提交请稍等...")
            },
            complete: function () { //完成加载后执行
                layer.close(this.layerIndex); //完成加载后关闭loading
            },
            error: function () { //报错时执行
                layer.alert('显示异常，请刷新后重试', {
                    icon: 0,
                    skin: 'layer-ext-moon'
                });
            }
        });
    });

    function getParameter(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }

    function devGroup() {
        var dev = null;
        $.ajaxSetup({async: false});
        $.ajax({
            type: "post",
            url: "/user/selectDever",
            data: {},
            dataType: "json",
            success: function (data) {
                var status = data.status;
                var msg = data.msg;
                if (status == 0) {
                    dev = data.data;
                } else {
                    layer.alert(msg, {
                        icon: 0,
                        skin: 'layer-ext-moon'
                    })
                }
            },
            fail: function (data) {
                layer.alert(JSON.stringify(data), {
                    icon: 0,
                    skin: 'layer-ext-moon'
                });
            },
            error: function (xhr) {
                layer.alert('Error' + JSON.stringify(xhr), {
                    icon: 2,
                    skin: 'layer-ext-moon'
                })
            }
        });
        return dev;
    }

    //页面加载处理
    $(document).ready(function () {
        var id = getParameter('id');
        $("#id").val(id);
        $.ajax({
            type: "post",
            url: "/tservice/selectOne",
            data: {
                tserviceId: id
            },
            dataType: "json",
            success: function (data) {
                var status = data.status;
                var msg = data.msg;
                var list = data.data;
                console.log(data);

                if (status == 0) {
                    var servicekey = list.servicekey;
                    var httptype = list.httptype;
                    var servicename = "";
                    if (list.servicename != null) {
                        servicename = list.servicename;
                    }

                    var classname = "";
                    if (list.classname != null) {
                        classname = list.classname;
                    }

                    var editor = "";
                    if (list.editor != null) {
                        editor = list.editor;
                    }

                    var option = "";
                    if (httptype == 1) {
                        option = "<option value=\"1\" selected>Http</option>\n" +
                            "   <option value=\"2\">Https</option>\n";
                    } else if (httptype == 2) {
                        option = "<option value=\"1\">Http</option>\n" +
                            "   <option value=\"2\" selected>Https</option>\n";
                    }

                    var authorHtml = "";
                    var authorList = devGroup();
                    for (var k = 0; k < authorList.length; k++) {
                        var row = authorList[k];
                        if (row.realname == editor) {
                            var rowHtml = "<option value=\"" + row.realname + "\" selected>" + row.realname + "</option>";
                        } else {
                            var rowHtml = "<option value=\"" + row.realname + "\">" + row.realname + "</option>";
                        }

                        authorHtml = authorHtml + rowHtml;
                    }
                    //$("#editor").append(authorHtml);

                    var html = "<div class=\"row cl\">\n" +
                        "            <label class=\"form-label col-xs-4 col-sm-3\"><span class=\"c-red\">*</span>服务标识：</label>\n" +
                        "            <div class=\"formControls col-xs-8 col-sm-9\">\n" +
                        "                <input type=\"text\" class=\"input-text\" value=\"" + servicekey + "\" placeholder=\"\" id=\"servicekey\" name=\"servicekey\">\n" +
                        "            </div>\n" +
                        "        </div>\n" +
                        "        <div class=\"row cl\">\n" +
                        "            <label class=\"form-label col-xs-4 col-sm-3\">服务描述：</label>\n" +
                        "            <div class=\"formControls col-xs-8 col-sm-9\">\n" +
                        "                <input type=\"text\" class=\"input-text\" value=\"" + servicename + "\" placeholder=\"\" id=\"servicename\" name=\"servicename\">\n" +
                        "            </div>\n" +
                        "        </div>\n" +
                        "        <div class=\"row cl\">\n" +
                        "            <label class=\"form-label col-xs-4 col-sm-3\">默认测试类：</label>\n" +
                        "            <div class=\"formControls col-xs-8 col-sm-9\">\n" +
                        "                <input type=\"text\" class=\"input-text\" value=\"" + classname + "\" placeholder=\"\" id=\"classname\" name=\"classname\" disabled='disabled'>\n" +
                        "            </div>\n" +
                        "        </div>\n" +
                        "        <div class=\"row cl\">\n" +
                        "            <label class=\"form-label col-xs-4 col-sm-3\">协议类型：</label>\n" +
                        "            <div class=\"formControls col-xs-8 col-sm-9\">\n" +
                        "                <span class=\"select-box\">\n" +
                        "                    <select class=\"select\" size=\"1\" name=\"httptype\" id=\"httptype\">\n" +
                        "                        " + option + " " +
                        "                    </select>\n" +
                        "                </span>\n" +
                        "            </div>\n" +
                        "        </div>\n" +
                        "        <div class=\"row cl\">\n" +
                        "            <label class=\"form-label col-xs-4 col-sm-3\">负责人：</label>\n" +
                        "            <div class=\"formControls col-xs-8 col-sm-9\">\n" +
                        "                <span class=\"select-box\">\n" +
                        "                    <select class=\"select\" size=\"1\" name=\"editor\" id=\"editor\">\n" +
                        "<option>请选择</option>\n" +
                        "                       " + authorHtml + " " +
                        "                    </select>\n" +
                        "                </span>\n" +
                        "            </div>\n" +
                        "        </div>\n" +
                        "        <div class=\"row cl\">\n" +
                        "            <div class=\"col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3\">\n" +
                        "                <button type=\"button\" class=\"btn btn-success radius\" id=\"admin-role-save\" name=\"admin-role-save\" onclick=\"editTservice(" + id + ")\"><i class=\"icon-ok\"></i> 提交</button>\n" +
                        "            </div>\n" +
                        "        </div>";

                    $("#form").append(html);
                    $("#editor").select2();
                } else {
                    layer.alert(msg, {
                        icon: 0,
                        skin: 'layer-ext-moon'
                    });
                }

            }
        });


    });

    //编辑服务
    function editTservice(tserviceId) {
        var id = tserviceId;
        var servicekey = $("#servicekey").val();
        var servicename = $("#servicename").val();
        var httptype = $("#httptype").val();
        var author = $("#editor").val();
        /*var classname=$("#classname").val();
*/
        if (servicekey == null || servicekey == "") {
            layer.msg("服务标识不能为空！");
            return;
        }/*else if(servicename == null || servicename == ""){
            layer.msg("服务描述不能为空！");
            return;
        }else if(httptype == null || httptype == ""){
            layer.msg("请选择协议类型！");
            return;
        }*/ else {
            $.ajax({
                type: 'POST',
                url: '/tservice/updateOne',
                data: {
                    id: id,
                    servicekey: servicekey,
                    servicename: servicename,
                    httptype: httptype,
                    editor: author
                    /*classname:classname*/
                    /*isdel:0*/
                },
                dataType: 'json',
                success: function (data) {
                    var status = data.status;
                    var msg = data.msg;

                    if (status == 0) {
                        //alert("更新成功！");
                        window.parent.pageSkip(1);
                        ;
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                    } else {
                        layer.alert(msg, {
                            icon: 0,
                            skin: 'layer-ext-moon'
                        });
                    }

                },
                error: function (xhr) {
                    layer.alert('Error' + JSON.stringify(xhr), {
                        icon: 2,
                        skin: 'layer-ext-moon'
                    });
                },
            });
        }

    }

</script>

</body>
</html>